<!--
Date: 2025-08-13
Copyright (c) 2025 CAX Conversion Project
-->
<template>
  <div class="private_main">
    <div class="right_table">
      <div class="table_div">
        <el-table :data="tableData">
          <el-table-column label="op2文件名" align="center" prop="name"> </el-table-column>
          <el-table-column label="上传时间" align="center" prop="time"> </el-table-column>
          <el-table-column label="操作" align="center">
            <template #default="scope">
              <el-tooltip content="下载" placement="top">
                <el-button link type="primary" icon="Download" @click="handleDownload(scope.row)"></el-button>
              </el-tooltip>
            </template>
          </el-table-column>
        </el-table>
        <pagination
          small="true"
          layout="prev, pager, next,jumper"
          v-model:page="queryParams.pageNum"
          v-model:limit="queryParams.pageSize"
          :total="total"
          @pagination="getList"
        />
      </div>
    </div>
  </div>
</template>
<script setup>
import { ref, onMounted } from 'vue';

const tableData = ref([{ name: '11', type: '22', author: '33', time: '44' }]);
const queryParams = ref({
  pageNum: 1,
  pageSize: 10
});
const total = ref(0);

//查询数据列表
const getList = (params) => {
  // getOp2Private(params).then((res) => {
  //   tableData.value = res?.data;
  // });
};
</script>
<style lang="scss" scoped>
.private_main {
  display: flex;
  .right_table {
    width: 100%;
    .query {
      border: 1px solid #dddddd7a;
      padding: 20px 10px;
      .query_btns {
        padding-left: 70px;
        margin-bottom: 0;
      }
    }
    .table_div {
      margin-top: 10px;
      border: 1px solid #dddddd7a;
      padding-bottom: 10px;
    }
  }
  :deep(.el-form-item__content) {
    width: 180px;
  }
  :deep(.el-tree-node__label) {
    font-size: 12px;
    color: #606266;
  }
  :deep(.pagination-container) {
    padding: 0 10px 0 0 !important;
  }
}
</style>
      